<!-- ContactMain.vue -->
<template>
  <div class="contact-main">
    <ContactList @contact-selected="handleContactSelected" />
  </div>
</template>

<script setup lang="ts">
import { defineEmits } from 'vue'
import ContactList from './ContactList.vue'

const emit = defineEmits<{
  'contact-selected': [contact: any]
}>()

const handleContactSelected = (contact: any) => {
  emit('contact-selected', contact)
}


</script>

<style scoped>
.contact-main {
  height: 100%;
}
</style>
